﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<fmt:setBundle basename="ApplicationMessage" />
<fmt:setLocale value="zh_CN" />

<div class="modal-dialog demo2do-modal-dialog" style="width:800px;">

  <div class="modal-content">

    <div class="modal-header beast-breadcrumb no-bottom-border clearfix">

      <h2><i class="glyphicon glyphicon-fire" title=""></i>&nbsp;&nbsp;<span>账户充值</span></h2>

      <button type="button" class="close" data-dismiss="modal">&times;</button>

    </div>

    <form class="form-horizontal" method="POST" action="${ctx.host}/adusers/${aduserBalance.id}/balance" data-validate="true">

      <input type="hidden" name="_method" value="PATCH" >

      <div class="modal-body">

        <div class="form-group">
          <label class="col-xs-3 control-label">账户余额：</label>
          <div class="col-xs-7 pull-left">
                <p class="form-control-static text-success">￥&nbsp;<fmt:formatNumber value="${aduserBalance.balance/100}" pattern="#.##"/>&nbsp;元</p>
          </div>
          <label class="col-xs-3 control-label">充值金额：</label>
          <div class="col-xs-4 pull-left">
            <input type="hidden" class="form-control" name="deposit" value="">
            <input type="number" class="form-control" name="depositFloat" value="<fmt:formatNumber value="" pattern="#.##"/>" data-validate="float">
          </div>         
        </div>
        
      </div>

      <div class="modal-footer">
        <button type="submit" class="btn btn-success btn-shadow btn-shadow-success demo2do-btn">确定</button>&nbsp;&nbsp;&nbsp;&nbsp;
        <button type="button" class="btn btn-default btn-shadow btn-shadow-default demo2do-btn" data-dismiss="modal">取消</button>
      </div>

    </form>

  </div>

</div>

<script src="${ctx.resource}/js/bootstrap.validate.js"></script>
<script src="${ctx.resource}/js/bootstrap.validate.en.js"></script>
<script src="${ctx.resource}/js/bootstrap.validate.trigger.js"></script>
<script type="text/javascript">
  $(document).ready(function() {

    $('input[name="depositFloat"]').change(function() {
        var value = new Number($(this).val());
        if(isNaN(value)) {
          value = 0;
          $(this).val(value);
        }
        value = parseInt(value*100);
        $('input[name="deposit"]').val(value);
    });

    $('form').shiftform({
    	beforeSubmit: function(el) {
        $('form').trigger("validate.ajax.submit");
        return $.bt_validate.result[$.bt_validate.form_id]
      }    	
    });
  });
</script>